﻿<%@ Page Title="" Language="C#" MasterPageFile="Simple.Master" Inherits="System.Web.Mvc.ViewPage<PagingDto>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    <title>羽球争霸 - 运动吧 - 要运动 www.yaoyundong.com</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="content">
        <div class="w_980">
            <div class="main_wrapper clear">
                <div class="main">
                    <div class="title">
                        <ul class="tab yahei">
                            <li><a href="#" class="current">全部活动</a></li>
                            <li><a href="#">战队活动</a></li>
                            <li><a href="#">线上活动</a></li>
                        </ul>
                        <div class="sort">
                            排序：<span>即将开始</span> - <a href="#">活动热度</a> - <a href="#">最新发布</a></div>
                    </div>
                    <div class="page_event_list">
                        <ul>
                            <% foreach (GroupActivityDto dto in Model)
                               { %>
                            <li>
                                <div class="pic">
                                    <img src="<%= Common.ImageLoadHelper.GetNarrowImageUrl(dto.GaFrontCover) %>" width="160"
                                        height="200" alt="" /></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">
                                            <%= dto.GaTitle %></a></div>
                                    <div class="time">
                                        <span>时间：<%= dto.GaStartTime.Month %>月<%= dto.GaStartTime.Day %>日 周五
                                            <%= dto.GaStartTime.Hour %>:<%= dto.GaStartTime.Minute %>
                                            -
                                            <%= dto.GaEndTime.Hour %>:<%= dto.GaEndTime.Minute %>
                                        </span><span class="will">即将开始</span>
                                    </div>
                                    <div class="address">
                                        地点：<%= dto.GaAddress %></div>
                                    <div class="pay">
                                        费用：<%= dto.GaCost%></div>
                                    <div class="author">
                                        发起：<a href="#">死亡沼泽</a><i>(战队)</i> - <a href="#">死亡领主</a><i>(掌门)</i></div>
                                    <div class="intro">
                                        简介：<%= dto.GaRemark %></div>
                                    <div class="state">
                                        已有8人参加</div>
                                </div>
                            </li>
                            <% } %>
                        </ul>
                        <div class="pages">
                            <% Html.RenderPartial("Paging", Model); %>
                        </div>
                    </div>
                </div>
                <div class="side">
                    <ul class="my_event">
                        <li><a href="#">我参加的活动</a></li>
                    </ul>
                    <div class="side_ad">
                        <img src="/Content/del/side_ad.jpg" width="245" height="200" /></div>
                    <div class="event_recomment">
                        <div class="title yahei">
                            <h2>
                                可能感兴趣的活动</h2>
                        </div>
                        <div class="event_recomment_list">
                            <ul>
                                <li>
                                    <div class="face">
                                        <a href="#">
                                            <img src="/Content/del/event50_01.jpg" width="50" height="63" /></a></div>
                                    <div class="detail">
                                        <div class="name">
                                            <a href="#">一起Pingpong，一起Running</a></div>
                                        <div class="intro">
                                            11月30日 周五 19:30 - 23:30<br />
                                            13人参加</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="face">
                                        <a href="#">
                                            <img src="/Content/del/event50_02.jpg" width="50" height="63" /></a></div>
                                    <div class="detail">
                                        <div class="name">
                                            <a href="#">梅海岭--台湾民俗村--黄厝海滩休</a></div>
                                        <div class="intro">
                                            12月8日 周六 09:00 - 15:00<br />
                                            22人参加</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="face">
                                        <a href="#">
                                            <img src="/Content/del/event50_03.jpg" width="50" height="63" /></a></div>
                                    <div class="detail">
                                        <div class="name">
                                            <a href="#">你网球了没？</a></div>
                                        <div class="intro">
                                            12月8日 周六 08:30 - 18:00<br />
                                            40人参加</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="face">
                                        <a href="#">
                                            <img src="/Content/del/event50_04.jpg" width="50" height="63" /></a></div>
                                    <div class="detail">
                                        <div class="name">
                                            <a href="#">海上风—风筝冲浪</a></div>
                                        <div class="intro">
                                            11月28日 周三 19:00 - 21:00<br />
                                            31人参加</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="face">
                                        <a href="#">
                                            <img src="/Content/del/event50_05.jpg" width="50" height="63" /></a></div>
                                    <div class="detail">
                                        <div class="name">
                                            <a href="#">一起Pingpong，一起Running</a></div>
                                        <div class="intro">
                                            11月30日 周五 19:30 - 23:30<br />
                                            8人参加</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="hot_eventer">
                        <div class="title yahei">
                            <h2>
                                活跃的活动主办方</h2>
                        </div>
                        <div class="hot_eventer_list">
                            <ul>
                                <li>
                                    <div class="face">
                                        <a href="#">
                                            <img src="/Content/del/group60_01.jpg" width="50" height="50" /></a></div>
                                    <div class="detail">
                                        <div class="name">
                                            <a href="#">有美女一起打</a></div>
                                        <div class="state">
                                            有<a href="#">1个活动</a>正在进行 / 79个活动</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="face">
                                        <a href="#">
                                            <img src="/Content/del/group60_02.jpg" width="50" height="50" /></a></div>
                                    <div class="detail">
                                        <div class="name">
                                            <a href="#">八闽锤子演艺机构</a></div>
                                        <div class="state">
                                            有<a href="#">2个活动</a>正在进行 / 63个活动</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="face">
                                        <a href="#">
                                            <img src="/Content/del/group60_03.jpg" width="50" height="50" /></a></div>
                                    <div class="detail">
                                        <div class="name">
                                            <a href="#">虫虫特工队</a></div>
                                        <div class="state">
                                            有<a href="#">1个活动</a>正在进行 / 52个活动</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="face">
                                        <a href="#">
                                            <img src="/Content/del/group60_04.jpg" width="50" height="50" /></a></div>
                                    <div class="detail">
                                        <div class="name">
                                            <a href="#">海沧阿尔法打球群</a></div>
                                        <div class="state">
                                            有<a href="#">1个活动</a>正在进行 / 46个活动</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="face">
                                        <a href="#">
                                            <img src="/Content/del/group60_05.jpg" width="50" height="50" /></a></div>
                                    <div class="detail">
                                        <div class="name">
                                            <a href="#">金榜山龙虎战队</a></div>
                                        <div class="state">
                                            有<a href="#">2个活动</a>正在进行 / 32个活动</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
